import React from 'react'
import {Outlet,NavLink} from "react-router-dom"
import { Tabbar } from 'react-vant';
import { FriendsO, HomeO, Search, SettingO } from '@react-vant/icons';

function Home() {
  return (
    <div>
        <div className='demo-tabbar'>
          <Tabbar>
            <Tabbar.Item icon={<HomeO />}><NavLink to="/home/shouye">首页</NavLink></Tabbar.Item>
            <Tabbar.Item icon={<Search />}><NavLink to="/home/fenlei">分类</NavLink></Tabbar.Item>
            <Tabbar.Item icon={<FriendsO />}><NavLink to="/home/jingxi">惊喜</NavLink></Tabbar.Item>
            <Tabbar.Item icon={<SettingO />}><NavLink to="/home/shop">购物车</NavLink></Tabbar.Item>
            <Tabbar.Item icon={<SettingO />}><NavLink to="/home/login">登录</NavLink></Tabbar.Item>
          </Tabbar>
        </div>
        <Outlet/>
    </div>
  )
}

export default Home